const path = require("path");

// 拼接路径
function resolve(dir) {
  return path.join(__dirname, dir);
}

module.exports = {
  publicPath: "./", // 部署应用包时的基本 URL Default: '/'
  outputDir: "dist",
  assetsDir: "static", // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。
  indexPath: "index.html", // 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径。 Default: 'index.html'
  // // configureWebpack: {
  //   resolve: {
  //     alias: {
  //       "@": path.resolve(__dirname, "./src"),
  //     },
  //   },
  // },

  chainWebpack: (config) => {
    config.resolve.alias
      .set("@", resolve("src"))
      .set("assets", resolve("src/assets"))
      .set("components", resolve("src/components"))
      .set("common", resolve("src/common"));
  },
  // configureWebpack: config => {
  //   config.module.rules.push({
  //     test: /\.vue$/,
  //     loader: ['vue-loader'],
  //   },{
  //     test: /\.(js|ts|vue)$/,
  //     exclude: /node_module/,
  //     loader: require.resolve("miao-i18n"),
  //   }, )
  // },
  css: {
    // 是否开启支持 foo.module.css 样式
    requireModuleExtension: true,
    // css预设器配置项
    loaderOptions: {
      css: {
        // options here will be passed to css-loader
      },
      postcss: {
        // options here will be passed to postcss-loader
        plugins: [
          require("postcss-pxtorem")({
            rootValue: 100, // 换算的基数
            propList: ["*"],
          }),
        ],
      },
    },
  },
};
